/* pages/login/login.wxss */
// .picture{
//   margin-top: 30px;
//   margin-bottom: 30px;
//   text-align: center;
// }
// .wenzi1{
//   width: 100%;
//   margin-top: 40px;
//   margin-bottom: 30px;
//   margin-left:10px;
// }
// .wenzi2{
//   width: 100%;
//   margin-top: 20px;
//   margin-left:10px;
// }

.login-box {
  width: 100%;
  height: 100vh;

  .logo-box {
    width: 94%;
    margin: 0 auto;
    height: 400rpx;
    // background-color: pink;
    display: flex;
    justify-content: center;
    align-items: center;
    border-bottom: 2rpx solid #d4d4d4;

    .logo {
      width: 200rpx;
      height: 200rpx;
      border-radius: 50%;
    }
  }

  .auth-box {
    width: 94%;
    margin: 0 auto;

    .auth-title {
      margin: 50rpx 0;
      font-size: 36rpx;
      color: #333;
    }

    .auth-content {
      margin: 50rpx 0 50rpx;
      font-size: 30rpx;
      color: #959595;
    }
  }

  .avatar {
    width: 100%;
    height: 100rpx;
    border-top: 1px solid gray;
    border-bottom: 1px solid gray;
    background-color: white;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 30rpx;
    box-sizing: border-box;
    position: relative;

    button {
      width: 100%;
      height: 100rpx;
      position: absolute;
      background: transparent;
    }

    .avatar-detail {
      width: 100rpx;
      height: 100rpx;
      display: flex;
      justify-content: center;
      align-items: center;
      image {
        width: 80rpx;
        height: 80rpx;
        border-radius: 50%;
      }
    }
  }
  .name {
    width: 100%;
    height: 100rpx;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 30rpx;
    box-sizing: border-box;
    border-bottom: 1px solid gray;
    margin-bottom: 30rpx;
    .name-detail {
      flex: 1;
      input {
        width: 100%;
        text-align: right;
      }
    }
  }
  .auth-button {
    .login-button {
      width: 94%;
      display: flex;
      justify-content: center;
      margin: 0 auto;
      background-color: #f39e00;
      font-size: 30rpx;
    }
  }
}